<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>看见函数</title>

  <!-- HTML -->


  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div id="dhl_main">
    <div bool="f" >
    	<svg t="1721984887708" class="icon" viewBox="0 0 1029 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2735" xmlns:xlink="http://www.w3.org/1999/xlink" width="200.9765625" height="200">
        	<path d="M44.489544 0.010007h923.643357c20.753782 0 38.235391 17.201423 38.23539 38.50557v923.383184c0 21.304147-17.481609 38.515577-38.23539 38.515577H44.489544c-21.304147 0-38.77575-17.211429-38.77575-38.515577V38.525583C5.703788 17.221436 23.185397 0.010007 44.489544 0.010007z m484.491733 76.750967V477.136849h400.375874V76.760974H528.981277z m0 446.526522v400.095688h400.375874V523.287496H528.981277z m-45.880468 400.095688V523.287496H82.724935v400.095688h400.375874z m0-446.246335V76.760974H82.724935V477.136849h400.375874zM329.608881 643.727475l-54.616269 54.626276-54.616268-54.626276c-8.745808-9.005981-23.485596-9.005981-32.231404 0-9.286167 9.286167-9.286167 23.755775 0 32.771763l54.616269 54.616268-54.616269 54.356096a22.755111 22.755111 0 0 0 0 32.771763c8.745808 9.005981 23.485596 9.005981 32.231404 0l54.616268-54.356096 54.616269 54.356096c9.286167 9.005981 23.485596 9.005981 32.771762 0 9.286167-9.015987 9.286167-23.765782 0-32.501583l-54.616268-54.626276 54.616268-55.166634c9.286167-8.475628 9.286167-22.945237 0-32.231403a23.26545 23.26545 0 0 0-32.771762 0.010006z m-77.561506-474.665207v77.561506h-77.01114c-13.108705 0-22.93523 9.836532-22.93523 22.675057s9.826525 23.215416 22.93523 23.215417h77.01114v77.561505c0 12.55834 10.386898 22.665051 22.945237 22.665051 13.108705 0 23.215416-10.106711 23.215417-22.665051V292.514248h77.291326c12.55834 0 22.93523-10.376891 22.93523-23.215417s-10.376891-22.675058-22.93523-22.675057h-77.291326v-77.561506c0-12.838526-10.106711-23.485596-23.215417-23.485596-12.55834 0-22.945237 10.657077-22.945237 23.485596z m584.988469 584.998475H636.582731c-12.568346 0-22.945237 10.376891-22.945237 23.485596 0 12.568346 10.376891 22.675058 22.945237 22.675058h200.453113c13.118712 0 23.495603-10.106711 23.495603-22.675058a23.315483 23.315483 0 0 0-23.495603-23.485596z m0-92.301293H636.582731c-12.568346 0-22.945237 10.376891-22.945237 23.485596 0 12.568346 10.376891 22.675058 22.945237 22.675057h200.453113c13.118712 0 23.495603-10.106711 23.495603-22.675057a23.315483 23.315483 0 0 0-23.495603-23.485596z m0-415.135676H636.582731c-12.568346 0-22.945237 9.836532-22.945237 22.675057s10.376891 23.215416 22.945237 23.215417h200.453113c13.118712 0 23.495603-10.376891 23.495603-23.215417s-10.376891-22.675058-23.495603-22.675057z" fill="#515151" p-id="2736"></path>
      </svg>
      <br><p>解方程</p></div>
    <div bool="t" id="fun_img">
      <svg t="1721975395414" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2835" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path d="M930.657664 1023.937143H93.279479A93.342336 93.342336 0 0 1 0 930.657664V93.279479A93.342336 93.342336 0 0 1 93.279479 0h837.378185a93.342336 93.342336 0 0 1 93.279479 93.279479v837.378185a93.342336 93.342336 0 0 1-93.279479 93.279479zM93.279479 43.999754A49.279725 49.279725 0 0 0 43.999754 93.279479v837.378185a49.279725 49.279725 0 0 0 49.279725 49.279725h837.378185a49.279725 49.279725 0 0 0 49.279725-49.279725V93.279479A49.279725 49.279725 0 0 0 930.657664 43.999754z" p-id="2836" fill="#41a6ff"></path>
        <path d="M786.275612 801.109815a18.857038 18.857038 0 0 1-13.32564-5.531397l-172.22761-172.227611a18.869609 18.869609 0 0 1 26.714137-26.65128l172.164753 172.164754a18.857038 18.857038 0 0 1-13.32564 32.245534z" p-id="2837" fill="#41a6ff"></path>
        <path d="M614.110859 801.109815a18.857038 18.857038 0 0 1-13.388497-32.245534l172.22761-172.164754a18.857038 18.857038 0 0 1 26.65128 26.65128l-172.164753 172.227611a18.857038 18.857038 0 0 1-13.32564 5.531397zM365.009392 415.860536a18.857038 18.857038 0 0 1 0-37.714075l261.107114-1.068565a18.857038 18.857038 0 0 1 0 37.714075l-261.107114 1.068565z" p-id="2838" fill="#41a6ff"></path>
        <path d="M326.163894 871.383709a102.142287 102.142287 0 0 1-26.336996-3.708551c-76.99957-21.057025-80.896691-111.759376-81.022405-115.593641a18.869609 18.869609 0 0 1 37.714076-1.319992c0 2.702842 3.268553 66.879627 53.239702 80.51955 43.999754 12.005647 61.662513-28.285556 64.428212-35.514087l142.244921-534.282733c1.508563-5.217114 35.07409-115.40507 117.039347-108.805107 67.068197 5.468541 85.296667 79.450985 85.548094 117.793628a18.857038 18.857038 0 0 1-18.857038 18.857038 18.857038 18.857038 0 0 1-18.857037-18.857038c0-1.257136-1.634277-76.496716-50.851145-80.51955-50.851145-4.085691-77.502425 80.582407-77.753852 81.713829l-142.307777 534.282733-0.377141 1.38285c-8.548524 24.702719-35.891228 64.051071-83.850961 64.051071z" p-id="2839" fill="#41a6ff"></path>
      </svg><br><p>函数图像</p>
    </div>
    <div bool="f">
    	<svg t="1721976520613" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4034" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path d="M501 957.4c-5.5 0-11-1.4-16-4.3L126.2 746c-9.9-5.7-16-16.3-16-27.7V304c0-11.4 6.1-22 16-27.7L485 69.1c9.9-5.7 22.1-5.7 32 0l94.6 54.6c15.3 8.8 20.5 28.4 11.7 43.7-8.8 15.3-28.4 20.6-43.7 11.7L501 133.8 174.2 322.5v377.3L501 888.5l326.8-188.7V322.5L669 230.8c-15.3-8.8-20.5-28.4-11.7-43.7 8.8-15.3 28.4-20.5 43.7-11.7l174.8 100.9c9.9 5.7 16 16.3 16 27.7v414.3c0 11.4-6.1 22-16 27.7L517 953.1c-5 2.9-10.5 4.3-16 4.3z" p-id="4035"></path>
        <path d="M510 661c-82.1 0-148.8-66.8-148.8-148.8 0-82.1 66.8-148.8 148.8-148.8s148.8 66.8 148.8 148.8c0 82.1-66.7 148.8-148.8 148.8z m0-233.6c-46.8 0-84.8 38-84.8 84.8s38 84.8 84.8 84.8 84.8-38 84.8-84.8c0-46.7-38-84.8-84.8-84.8z" p-id="4036" fiter="#41a6ff"></path>
      </svg><br><p>设置</p></div>
  </div>
  <div id="zbx_main">
    <div id="set_fun">
    	<svg t="1721305948111" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2636" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path d="M919.6 405.6l-57.2-8c-12.7-1.8-23-10.4-28-22.1-11.3-26.7-25.7-51.7-42.9-74.5-7.7-10.2-10-23.5-5.2-35.3l21.7-53.5c6.7-16.4 0.2-35.3-15.2-44.1L669.1 96.6c-15.4-8.9-34.9-5.1-45.8 8.9l-35.4 45.3c-7.9 10.2-20.7 14.9-33.5 13.3-14-1.8-28.3-2.8-42.8-2.8-14.5 0-28.8 1-42.8 2.8-12.8 1.6-25.6-3.1-33.5-13.3l-35.4-45.3c-10.9-14-30.4-17.8-45.8-8.9L230.4 168c-15.4 8.9-21.8 27.7-15.2 44.1l21.7 53.5c4.8 11.9 2.5 25.1-5.2 35.3-17.2 22.8-31.7 47.8-42.9 74.5-5 11.8-15.3 20.4-28 22.1l-57.2 8C86 408 72.9 423 72.9 440.8v142.9c0 17.7 13.1 32.7 30.6 35.2l57.2 8c12.7 1.8 23 10.4 28 22.1 11.3 26.7 25.7 51.7 42.9 74.5 7.7 10.2 10 23.5 5.2 35.3l-21.7 53.5c-6.7 16.4-0.2 35.3 15.2 44.1L354 927.8c15.4 8.9 34.9 5.1 45.8-8.9l35.4-45.3c7.9-10.2 20.7-14.9 33.5-13.3 14 1.8 28.3 2.8 42.8 2.8 14.5 0 28.8-1 42.8-2.8 12.8-1.6 25.6 3.1 33.5 13.3l35.4 45.3c10.9 14 30.4 17.8 45.8 8.9l123.7-71.4c15.4-8.9 21.8-27.7 15.2-44.1l-21.7-53.5c-4.8-11.8-2.5-25.1 5.2-35.3 17.2-22.8 31.7-47.8 42.9-74.5 5-11.8 15.3-20.4 28-22.1l57.2-8c17.6-2.5 30.6-17.5 30.6-35.2V440.8c0.2-17.8-12.9-32.8-30.5-35.2z m-408 245.5c-76.7 0-138.9-62.2-138.9-138.9s62.2-138.9 138.9-138.9 138.9 62.2 138.9 138.9-62.2 138.9-138.9 138.9z" fill="#41A6FF" p-id="2637"></path>
      </svg></div>
    <div id="set_re">
    	<svg t="1721485916985" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="685" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
        <path d="M480 64C214.912 64 0 278.912 0 544c0 265.088 214.912 480 480 480 265.088 0 480-214.912 480-480 0-265.088-214.912-480-480-480z m85.12 649.024c12.48 12.48 12.48 32.768 0 45.248-6.272 6.272-14.464 9.344-22.656 9.344s-16.384-3.136-22.656-9.344L328.32 566.656c-12.48-12.48-12.48-32.768 0-45.248l192.768-192.832c12.48-12.48 32.768-12.48 45.248 0s12.48 32.768 0 45.248l-170.112 170.24 168.896 168.96z" fill="#41a6ff" p-id="686"></path>
      </svg></div>
     <canvas id="zbx" onclick="out(event)" width="225" height="400"></canvas>
     <input type="range" id="x" min=45 max=400 onchange="fre_x()" >
  </div>
  <script src="main.js"></script>
</body>

</html>